:root {
  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-weight: 400;

  color-scheme: light dark;
  color: rgba(255, 255, 255, 0.87);
  background-color: #242424;

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  font-weight: 500;
  color: #646cff;
  text-decoration: inherit;
}
a:hover {
  color: #535bf2;
}
html,
body {
  margin: 0;
  display: flex;
  place-items: center;
  width: 100%;
  height: 100%;
}

h1 {
  font-size: 3.2em;
  line-height: 1.1;
}

button {
  border-radius: 8px;
  border: 1px solid transparent;
  padding: 0.6em 1.2em;
  font-size: 1em;
  font-weight: 500;
  font-family: inherit;
  background-color: #1a1a1a;
  cursor: pointer;
  transition: border-color 0.25s;
}
button:hover {
  border-color: #646cff;
}
button:focus,
button:focus-visible {
  outline: 4px auto -webkit-focus-ring-color;
}

.card {
  padding: 2em;
}

#app {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

@media (prefers-color-scheme: light) {
  :root {
    color: #213547;
    background-color: #ffffff;
  }
  a:hover {
    color: #747bff;
  }
  button {
    background-color: #f9f9f9;
  }
}
.common-layout{
	width: 1280px;
	margin: 0 auto;
	min-height: 100%;
}
.common-layout .el-container{
	height: 100%;
}
.common-layout .el-header, .common-layout .el-footer, .common-layout .el-main, .common-layout .el-aside {
    display: flex;
    justify-content: center;
/*    align-items: center; */
}
.el-container {
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: auto;
    box-sizing: border-box;
    min-width: 0;
	min-height: 100%;
	position: relative;
}
.common-layout .el-menu{
	border-right: none;
}
.common-layout .el-menu .svg-icon{
	margin-right: 8px;
}
.common-layout .el-menu .el-menu-item{
	font-size: 1em;
	height: 2.4em;
	line-height: 2.4em;
	margin-bottom: 10px;
}
.common-layout .el-menu .el-sub-menu .el-sub-menu__title{
	font-size: 1em;
	height: 2.4em;
	line-height: 2.4em;
}
.el-sub-menu__title:hover{
	background: #e8ebed !important;
	border-radius: 30px !important;
}
.common-layout .el-menu .el-menu-item:hover, 
.common-layout .el-menu .el-menu-item.is-active{
	background: #e8ebed !important;
	border-radius: 30px !important;
}
.user_box{
	z-index: 100;
	width: 90px;
	height: 90px;
	border-radius: 50%;	
	position: fixed;
	bottom: 20px;
	left: calc(100% - 1280px)/2;
}
.user_box .el-button{
	background: #f2f4f6;
	width: 90px;
	height: 90px;
	border-radius: 50%;	
	box-shadow: 1px 1px 5px rgba(0,0,0,0.15);
	border: none !important;
	
}
.user_box .el-button:focus, .user_box .el-button:active {
  outline: none; /* 移除蓝色边框 */
  box-shadow: none; /* 移除点击时的阴影效果 */
}
.user_box .el-button.userbtn .el-icon{
	display: block;
	font-size: 30px;
	margin: 0 auto;
	color: #043f81;
}
.user_box .el-button:hover{
	background: #e9ecee;
}
.user_box .el-button.userbtn span{
	display: block;
	width: 100%;
	text-align: center;
	margin: 0px;
	color: #043f81;
}
.search .el-input__wrapper{
	border-radius: 20px !important;
}
.top_rlink{
	margin-top: 30px;
	float: right;
}
.top_rlink .el-link{
	margin-left: 15px;
}
.demo-tabs{
	width: 100%;
}
.demo-tabs .el-tabs__nav{
	width: 100%;
}
.demo-tabs .el-tabs__item{
	width: 50%;
	font-size: 1rem;
}
.el-tabs__item.is-active, .el-tabs__item:hover {
    color: #23548a;
	font-weight: bold;
}
.el-tabs__active-bar {
    background-color: #23548a;
}
.select_jj{
	width: 100%;
	padding:0 10px 15px 10px;
}
.select_jj .el-radio-button--large.el-radio-button{
	--el-radio-button-checked-border-color:#fff
}
.select_jj .el-radio-button--large .el-radio-button__inner{
	padding: 5px 25px;
	border: none;	
}
.select_jj .el-radio-button--large .el-radio-button__inner svg.svg-icon{
	font-size: 3em;
	opacity: 1;
	color: #b9bbbd;
}
.select_jj .el-radio-button--large .el-radio-button__inner > div{
	line-height: 30px;
	color: #242424;
	font-size: 1em;
}
.select_jj .el-radio-button.is-active.el-radio-button--large .el-radio-button__inner, .select_jj .el-radio-button.is-active.el-radio-button--large .el-radio-button__original-radio{
	color: #043f81;
	opacity: 1;
	background: #fff;
	fill: #043f81;
	border: none;
	--el-color-primary:#fff;
}
.select_jj .el-radio-button.is-active .el-radio-button__original-radio:not(:disabled)+.el-radio-button__inner .svg-icon{
	color: #043f81;
	fill: #043f81;
}
.select_jj .el-segmented {
  --el-segmented-item-selected-color: var(--el-text-color-primary);
  --el-segmented-item-selected-bg-color: #043f81;
  --el-border-radius-base: 16px;
  background:none;
  float: left;
}
.select_jj .el-segmented__item{
	background:#e9ecee ;
	margin-right: 15px;
	color: #242424;
	padding: 0 15px;
}
.select_jj .el-segmented__item.is-selected{
	color: #fff;
}
.lable_sel{
	font-weight: bold;
	color: #242424;
	float: left;
	line-height: 30px;
	padding-right: 10px;
	font-size: 1em;
}
.clearfix::after {
content: "";
display: block;
clear: both;
}
.sel_right{
	float: left;
	width: calc(100% - 50px);
}
.sel_right .el-radio-button__inner{
	line-height: 14px;
	font-size: 14px;
}
.sel_right .el-radio-button__inner .svg-icon{
	color: #606266 !important;
	fill:#606266 !important;
	font-size: 12px;
}
.sel_right .el-radio-button.is-active .el-radio-button__inner{
	background:#043f81 !important;
	border-color: #043f81 !important;
	box-shadow:none !important;
}
.sel_right .el-radio-button.is-active .el-radio-button__inner .svg-icon{
	color: #fff !important;
	fill:#fff !important;
	font-size: 12px;
}
.cp_list{
	padding: 10px 0;
}
.cp_listimg{
	width: 100%;
	height: auto;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
}
.cp_listimg .el-image{
	display: block;
}
.collect{
	position: absolute;
	z-index: 10;
	right: 10px;
	bottom: 10px;
}
.collect .el-checkbox-button__inner, .el-checkbox-button.is-checked.collect .el-checkbox-button__inner{
	border-radius: 5px;
	border: none !important;
	background: rgba(0,0,0,0.5);
	color: #fff;
}
.collect .el-checkbox-button__inner .el-icon{
	float: left;
	display: block;
}
.collect .el-checkbox-button__inner span{
	display: block;
	float: left;
}
.collect .el-checkbox-button__inner .el-icon:nth-child(1){
	display: block;
	font-size: 16px;
	margin-top: -1px;
}
.el-checkbox-button.is-checked.collect .el-checkbox-button__inner .el-icon:nth-child(1){
	display: none;
}
.collect .el-checkbox-button__inner .el-icon:nth-child(2){
	display: none;
	font-size: 18px;
	margin-top: -2px;
}
.el-checkbox-button.is-checked.collect .el-checkbox-button__inner .el-icon:nth-child(2){
	display: block;
}
.el-checkbox-button.is-checked.collect .el-checkbox-button__inner .el-icon{
	color: #ffba00;
}
.cp_mid{
	padding-top: 8px;
}
.cp_mid h3{
	margin: 0;
	display: block;
	float: left;
	color: #e12509;
	font-size: 22px;
}
.el-link.carbtn{
	float: right;
	margin-right: 10px;
}
.el-link.carbtn .el-link__inner{
	font-size: 24px;
	color: #043f81;
}
.el-link.carbtn .el-link__inner:hover{
	color: #0866ce;
}
.cpname{
	display: block;
	margin: 0;
	color: #242424;
	width: 100%;
	font-size: 16px;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.cpname .el-link__inner{
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.cpname:hover{
	color: #043f81;
}
.cpname_small{
	width: 100%;
	color: #7c7f82;
	width: 100%;
	font-size: 13px;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.pagefooter{
	background: #33393e;
}
.bannerA{
	width: 100%;
	height: auto;
}
.banner_box{
	width: 550px;
	height: 180px;
	position: absolute;
	z-index: 2;
	background: rgba(0,0,0,0.5);
	left: 0px;
	top:130px;
	box-sizing: border-box;
	border-left: 5px solid #6791b1;
	padding: 20px 40px;
}
.banner_twobox{
	width: 380px;
	height: 70px;
	position: absolute;
	z-index: 2;
	background: rgba(0,0,0,0.5);
	right: 0px;
	top:150px;
	box-sizing: border-box;
	border-left: 5px solid #6791b1;
	padding: 20px 40px;
	color: #fff;	
}
.banner_twobox p{
	margin: 0;
	line-height: 30px;
	font-size: 20px;
}
.banner_out{
	border-radius: 10px;
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: relative;
}
.banner_box img{
	display: block;
	width: 100%;
	height: 100%;
}
.banner_box p{
	margin: 0;
	color: #fff;
	display: block;
	width: 100%;
	font-size: 32px;
	text-align: right;
	margin-bottom: 20px;
}
.banner_txt{
	width: 100%;
	box-sizing: border-box;
	border-left: 1px dashed #fff;
	border-right: 1px solid #fff;
	border-top: 1px dashed #fff;
	border-bottom: 1px solid #fff;
	padding: 15px;
	color: #fff;
	font-size: 18px;
}
.banner_txt span:nth-child(1){
	float: left;
}
.banner_txt span:nth-child(2){
	float: right;
}
.home_tit{
	clear: both;
	width: 30%;
	height: 60px;
	box-sizing: border-box;
	margin: 20px 35% 40px 35%;
	border-bottom: 1px solid #d0d2d9;
	position: relative;
	text-align: center;
	font-size: 32px;
	color: #242424;
	line-height: 50px;
}
.home_tit::after{
	content: '';
	display: block;
	position: absolute;
	z-index: 2;
	width: 80px;
	height: 5px;
	border-radius: 20px;
	background: #265486;
	bottom: -3px;
	left: 50%;
	margin-left: -40px;
}
.banner_two{
	width: 100%;
	height:360px ;
	margin-bottom: 30px;
}
.banner_right:nth-child(1){
	width: 100%;
	height: 180px;
	position: relative;
	box-sizing: border-box;
	padding-bottom: 10px;
}
.banner_right:nth-child(2){
	width: 100%;
	height: 180px;
	position: relative;
	box-sizing: border-box;
	padding-top: 10px;
}
.banner_right .el-image{
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 10px;
}
.banner_rtxt{
	width: 100%;
	height: 50px;
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 10px;
	background: rgba(0,0,0,0.5);
	text-align: center;
	line-height: 50px;
	color: #fff;
	font-size: 20px;
	border-radius: 0px 0px 10px 10px;
}
.product-info{
	width: 50%;
	float: left;
	height: 560px;
}
.product_box{
	width: 50%;
	float: left;
	min-height: 560px;
}
.product_box h2{
	margin: 0px;
	color: #242424;
}
.product_box p{
	margin: 0px;
	color: #043f81;
	font-size: 16px;
}
.product_box h3{
	margin: 0px;	
	font-size: 30px;
	line-height: 56px;
}
.product_box h3 span.red{
	color: #e12509;
}
.product_box h3 .el-text.gray{
	font-weight: normal;
	font-size: 18px;
	padding-left: 15px;
	color: #959595;
}
.product_box h3 .el-text.dark{
	font-weight: normal;
	font-size: 18px;
	padding-left: 15px;
	color: #242424;
}
.common-layout .el-menu-demo .el-menu-item.is-active{
	border-bottom: none;
	margin-right: 10px;
	background: #043f81 !important;
	color: #fff !important;
}
.common-layout .el-menu-demo .el-menu-item:hover, .common-layout .el-menu-demo .el-sub-menu:hover .el-sub-menu__title{
	color: #043f81 !important;
}
.el-menu--horizontal.el-menu.el-menu-demo{
	border-bottom: none;
	margin-bottom: 10px;
}
.product_boxin{
	padding:10px 0 10px 0;
	width: 100%;
}
.product_boxleft{
	float: left;
	width: 50px;
	box-sizing: border-box;
	font-size: 0.9em;
	color: #707070;
}
.product_boxright{
	border-left: 1px dashed #d0d2d9;
	float: left;
	width: calc(100% - 50px);
	box-sizing: border-box;
	padding-left: 15px;
}
.product_boxright .el-radio-group .el-radio{
	margin-bottom: 8px;
}
.el-radio.is-bordered.is-checked{
	border-color: #043f81 !important;
}
.el-radio__input.is-checked .el-radio__inner {
    background: #043f81 !important;
    border-color:#043f81 !important;
}
.el-radio__input.is-checked+.el-radio__label {
    color: #043f81 !important;
}
.address .el-radio{
	height: auto;
	width: 220px;
	float: left;
	margin: 5px;
	padding: 5px;
}
.address .el-radio h3, .address .el-radio p{
	margin: 0px;
	word-wrap: break-word;
	white-space: break-spaces;
	font-size: 14px;
}
.address .el-radio p{
	font-size: 13px;
}
.address .el-radio .el-radio__input{
	display: none;
}
.address .el-radio.is-checked h3, .address .el-radio.is-checked p{
	color: #242424;
}
.el-button--primary{
	--el-button-bg-color: #043f81 !important;
	--el-button-border-color: #043f81 !important;
	--el-button-hover-border-color: #1859a3 !important;
	--el-button-hover-bg-color:#1859a3 !important;
}
.bz_box{
	box-sizing: border-box;
	padding: 10px;
	border: 1px dashed #043f81;
	border-radius: 5px;
}
.bz_box .el-text, .bz_box .el-icon{
	display:block;
	float: left;
	padding-right: 5px;
}
 .bz_box .el-icon{
	 font-size: 18px;
 }